<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
<input type="button"  onclick="d_prompt()" value="显示一个输入框">

<!-- 用js实现：当用户点击按钮时，显示一个输入框，直到用户输入了有效的字符，在页面中输出“请输入您喜欢的颜色：”
当用户确定后，弹出消息：您喜欢xx！ -->
<script >
  function d_prompt() {
    var color = prompt('请输入您喜欢的颜色：');

    if (color !== null && color.trim() !== '') {
      alert('您喜欢' + color + '！');
    } else {
      alert('请输入有效的颜色！');
    }
  }
</script>
</body>
</html>

